﻿@import '_mixins.scss';
@import '_variaveis.scss';


body {
    margin: 0;
    padding: 0;
    font-family: Arial;
    font-size: 10px;
    width: 100%;
}

#sectionPage {
    @include float(auto, 100%,0,0,true);
    /*background-color: lighten(lightgray, 15%);
    background-size:100% 100%;*/

    #pageHead {
        @include float(100px, 100%);

        #headLogo {
            background: url(../../Imagens/Componentes/LogoMadearte.png) no-repeat;
            height:100%;
            text-align:center;
            margin-left:40%;
            margin-right:40%;       
            cursor:pointer;    
        }
    }
}

#pageBody {
    @include float(calc(100% - 150px), 100%);

    #Menu {
        @include float(10%, 100%);
        background-color: #ADA395;
        font-size: 3em;
        line-height: 60px;
        font-weight: bold;

        ul {
            list-style: none;
            @include marginpadding();
            text-align: center;

            li {
                display: inline-block;
                @include marginpadding(0 10px 0 10px);

                a {
                    text-decoration: none;
                    color: #7E5F41;
                }
            }
        }
    }

    #pageAdicionarImagens {
        @include float(100px, 65%);

        .asideBotoes {
            @include float(100%, 90%);
            padding-left: 10%;
            line-height: 100px;
        }
    }
}

#pageFooter {
    @include float(50px, 100%);
    text-align: center;
    font-size: 2em;
}
